<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>数据</title>
  <link href="./Tpl/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  
  
      <h1 style="margin-left:500px;">我的个人内存管理中心</h1>
      <div class="bs-example" data-example-id="contextual-table">
    <table class="table">

      <thead>
        <tr>
          <th>个人文件名</th>
          <th>文件大小</th>
          <th>文件格式</th>
          <th>上传时间</th>
        </tr>
      </thead>
      <tbody>
        <tr class="active">
          <th scope="row">游戏</th>
          <td>1GB
            <button style="margin-left:65px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>rmvb</td>
          <td>2017/05/02
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr>
          <th scope="row">视频</th>
          <td>800MB
            <button style="margin-left:50px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>avi</td>
          <td>2017/04/22
              <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr class="success">
          <th scope="row">教程</th>
          <td>2.14GB
          <button style="margin-left:47px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>rmvb</td>
          <td>2017/03/01
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr>
          <th scope="row">TB文件</th>
          <td>457MB
            <button style="margin-left:50px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>avi</td>
          <td>2017/01/20
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr class="info">
          <th scope="row">简历</th>
          <td>213MB
            <button style="margin-left:50px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>rmvb</td>
          <td>2017/01/09
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr>
          <th scope="row">图片</th>
          <td>985MB
          <button style="margin-left:50px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>avi</td>
          <td>2016/12/12
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr class="warning">
          <th scope="row">收藏</th>
          <td>600MB
          <button style="margin-left:50px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>WMV</td>
          <td>2016/09/04
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr>
          <th scope="row">个人磁盘</th>
          <td>543MB<button style="margin-left:55px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>rmvb</td>
          <td>2016/08/01
          <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        <tr class="danger">
          <th scope="row">别打开</th>
          <td>1.05GB
          <button style="margin-left:48px;" type="button" class="btn btn-success btn-xs">
          <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
          下载</button>
          </td>
          <td>avi</td>
          <td>2016/05/09
            <button style="margin-left:30px;" type="button" class="btn btn-danger  btn-xs">删除</button>
          </td>
        </tr>
        
    </table>
    <button   style="margin-left:1000px;" type="button" class="btn btn-success">选择文件</button>
    <button type="button" class="btn btn-info">上传文件</button>
    <nav aria-label="...">
      <ul style="margin-left:1000px;" class="pagination pagination-sm">
        <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
      </ul>
    </nav>
  </div>

   
</body>
</html>